<!-- 头部logo组件 -->
<template>
  <div class="Nav">
    <div class="logo">
        <img src="@/assets/logo.png" alt="">
    </div>
    <div class="text">
        <span class="container-nav">宿舍管理</span>
    </div>
  </div>
</template>

<script setup>

</script>

<style scoped lang="less">
  @import "@/styles/var.less";
    .Nav{
        position: fixed;
        display: flex;
        align-items: center;
    }
    img{
        width: 90px;
    }
    .text{
        color: @white;
        font-size: 1.6em;
        margin-left: 10px;
        font-weight: bold;
        text-shadow: -1px 1px #bbb,-2px 2px #bbb,-3px 3px #bbb,-4px 4px #bbb
    }
</style>